<!-- 二级页面的卡片分割线 -->
<template>
  <div class="firstCardDivideLine" :style="getDividerStyle"></div>
</template>
<script>
import {
  WIDTH_PHONE,
  WIDTH_SPREADED,
  WIDTH_PAD_PORTRAIT,
  WIDTH_PAD_LANDSCAPE,
  WIDTH_STANDARD,
  selectWidth,
  flexibleWidth,
  flexibleHeight,
  screenType,
  screenDescription,
  isIOS,
  isSpreadOn,
  screenSize,
  getSecondPageStyle,
  getDialogFlexAlign,
  getDialogStyle,
  getSingleButtonStyle,
} from "../../../../assets/js/flexible.js";
export default {
  props: {
    enablePro: {
      type: Boolean,
      default: true,
    },
  },
  data() {
    return {
      enable: true,
    };
  },
  mounted() {
    this.enable = this.enablePro;
  },
  watch: {
    enablePro(newVal) {
      this.enable = newVal;
    },
  },
  computed: {
    getDividerStyle() {
      var heightValue = 0.25;
      if (isIOS()) {
        heightValue = 0.5;
      }
      return { height: heightValue + "px" };
    },
  },
};
</script>
<style scoped>
.firstCardDivideLine {
  background: var(--current-divider-line-color);
}
</style>
